$(function () {
    var id=$.getQueryString("id")

    mui.init({
        pullRefresh: {
            container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
            down: {
                height: 50,//可选,默认50.触发下拉刷新拖动距离,
                auto: true,//可选,默认false.首次加载自动下拉刷新一次
                contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                callback: function () {
                    chaXun(id,function (result) {
                        var arr=result.size
                        arr=arr.split("-")
                        var proSize=[]
                        for(var i=arr[0];i<=arr[1];i++){
                            proSize.push(i)
                        }
                        result.proSize=proSize
                        var html = template("product_djz", result);
                        $(".mui-scroll").html(html);
                        var gallery = mui('.mui-slider');
                        gallery.slider({
                            interval: 1000//自动轮播周期，若为0则不自动播放，默认为0；
                        });
                        mui(".mui-numbox").numbox();
                        mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
                    })
                }
                }
            }
        });
    function chaXun(id,callback) {
        $.get(" /product/queryProductDetail",{id:id},function (result) {
            callback&&callback(result)
        })
    }
    $(".mui-scroll").on("tap", ".pro_size span", function () {
        $(this).addClass("active").siblings().removeClass("active");
    });
    $(".mui-btn-danger").on("tap",function () {
        if(!$(".pro_size").find("span").hasClass("active")){
            mui.toast("请选择尺码");
           return;
        }
        if($(".mui-numbox-input").val()==0){
            mui.toast("请选择数量");
            return;
        }
        var Suju={
            productId:$.getQueryString("id"),
            num: $(".mui-numbox-input").val(),
            size: $(".pro_size span.active").html()
        };
        console.log(Suju);
        $.myAjax({
            url:"/cart/addCart",
            type:"post",
            data:Suju,
            success:function () {
                mui.confirm("是否跳转到购物车","温馨提示",["是","否"],function (a) {
                    if(a.index==0){
                        location.href="./cart.html"
                    }
                });
            }
        })
    })
})